<template>
    <div class="common-page">
        <div class="common-tabs">
            <div @click="changeTab(0)" class="common-tabs-child" :class="{active: currentTab === 0}">知识库管理</div>
            <div @click="changeTab(1)" class="common-tabs-child" :class="{active: currentTab === 1}">留言问题</div>
        </div>
        <article-component v-if="currentTab === 0"></article-component>
        <board-component v-if="currentTab === 1"></board-component>
    </div>
</template>
<script setup lang="ts">
import {ref} from "vue"
import ArticleComponent from './components/article.vue'
import BoardComponent from './components/board.vue'
const currentTab = ref(0)
function changeTab(index) {
    currentTab.value = index
}

</script>
<style scoped lang="less">

</style>